<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/answer.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <title>答题</title>
</head>
<body>
       
    <div class="answer_body">
        <!-- 登陆答题 -->
        <div class="answer_box">
            <!-- 左边 -->
            <div class="answer_left">
                <div class="answer_right_logo1"><img src="image/logo-2.png"></div>
                <div class="answer_left_img">
                    <img src="image/answer_bg.png">
                </div>
                <!-- 测评执导语 -->
                <div class="answer_left_text mt-5">
                    <p>测试指导语：</p>
                    <p>每题测试共两个选项，根据自己对描述的符合程度选择</p>
                    <p>本次测试共186题</p>
                    <p>如果特别同意第一个，就选择最左边；比较同意就选第二个</p>
                    <p>如果特别同意第二个，就选最右边的；比较同意就选右边数第二个</p>
                    <p>如果摇摆不定或者比较均衡，就选中间那个</p>
                </div>
            </div>
            <!-- 右边 -->
            <div class="answer_right">
                <div class="answer_right_logo mt-4"><img src="image/logo-2.png"></div>
                <div class="answer_right_title mt-4">职业优势测评</div>
                <div class="answer_right_info">
                    评测报告由<span>【佰治咨询】</span>提供技术支持
                </div>
                <div class="answer_right_form">
                    <!-- 用户名 -->
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">
                                <img src="image/user.png" >
                            </span>
                        </div>
                        <input type="text" class="form-control" placeholder="哈拉雷" aria-label="Username" aria-describedby="basic-addon1">
                    </div>
                    <!-- 手机号 -->
                    <div class="input-group mt50">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">
                                <img src="image/phone.png" >
                            </span>
                        </div>
                        <input type="text" class="form-control" placeholder="请输入手机号码" aria-label="Username" aria-describedby="basic-addon1">
                    </div>
                    <!-- 开始测评 -->
                    <div class="input-group mt50">
                        <input type="submit" class="form-control subcolor" aria-label="Username" aria-describedby="basic-addon1" value="开始测评">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>